<!DOCTYPE html>
<html>
<head>
  <title>Peer Calls - Video calls to anybody in the world with a private direct connection</title>
  {{template "header" .}}
</head>
<body>
  <a id="github-ribbon" href="https://github.com/jeremija/peer-calls" target="_blank">
    <img src="{{.BaseURL}}/res/fork.png" alt="Fork me on GitHub">
  </a>

  <div id="container">
    <form id="form" method="post" action="{{.BaseURL}}/call" autocomplete="off">
      <h1>
        <img src="{{.BaseURL}}/res/peer-calls.svg" width="100%" alt="Peer Calls">
      </h1>
      <p>Group peer-to-peer calls for everyone. Create a private room. Share the link.</p>
      <input id="call" type="text" value="" name="call" placeholder="Room ID" autofocus>
      <label for="call">(leave room ID empty for random)</label>
      <input type="submit" value="Start Session">
    </form>
  </div>

  <footer>
    <div>{{.Version}}</div>
  </footer>
</body>
